<template>
  <div class="main-area">
    <div class="tip">
      <div>
        <h3>指标介绍</h3>
        <p>
          {{ indexDescription == null ? "无" : indexDescription }}
        </p>
      </div>
      <div>
        <h3>支撑材料说明</h3>
        <p>{{ supportMaterial == null ? "无" : supportMaterial }}</p>
      </div>
    </div>

    <div class="form">
      <component
        :indexName="indexName"
        :indexId="indexId"
        @refreshIndexList="refreshIndexList"
        @changeLoading="changeLoading"
        :riverId="riverId"
        :is="fillComponent"></component>
    </div>
  </div>
</template>

<script>
import { mixin2 } from "../mixin/index2.js"
export default {
  mixins: [mixin2],
}
</script>

<style scoped></style>

<style lang="scss" scoped>
.main-area {
  padding: 10px 5%;
  background-color: #fff;
  .tip {
    color: #5e6d82;
    padding: 8px 16px;
    border-radius: 4px;
    border-left: 5px solid #50bfff;
    background-color: #ecf8ff;
    margin: 20px 0;
    font-size: 15px;
  }
}
</style>
